import React from "react"

import {
  View,
  StyleSheet
} from "react-native"

import BtnComment from '~/components/btn/comment'
import BtnHeart from '~/components/btn/heart'

class Component extends React.Component {
  constructor (props) {
    super(props)
  }

  render() {
    const {
      commentNum,
      heart,
      heartNum
    } = this.props.data

    return (
      <View style={styles.footer}>
        <View style={styles.fl}>
          <BtnComment num={commentNum}></BtnComment>
          <BtnHeart heart={heart} num={heartNum}></BtnHeart>
        </View>

        <View style={styles.fr}>
          {/* <Text>转发</Text> */}
        </View>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  footer: {
    paddingVertical: 10,
    paddingHorizontal: 10,
    flexDirection: 'row',
    alignItems: 'center',
  },
  fl: {
    flex: 1,
    flexDirection: 'row'
  },
  fr: {

  }
})

export default Component
